<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
   <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" class="form-control" data-rule="required:letters" name="row[name]" type="text">
            <p class="help-block-text">
             配置标识：英文字母
            </p>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-titles" class="form-control" data-rule="required" name="row[title]" type="text">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Icon')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-icon"  data-rule="required" class="form-control selectpicker" name="row[icon]">
                {foreach name="iconList" item="vo"}
                    <option value="{$key}" {in name="key" value="user-icon"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Background')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-background-value" data-rule="required" class="form-control" name="row[background]" type="text" value="">
                <span class="input-group-btn">
                <button type="button" class="btn btn-default btn-color" id="c-background" style="padding:0;margin-left:1px;" >
                </button>
                </span>
            </div>
        </div>
    </div>

    <input  class="form-control" name="row[background_button]" type="hidden" value="#DBE2F6">

    <input  class="form-control" name="row[background_color]" type="hidden" value="#1B5EE7">

  <!--  <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Background_button')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-background_button-value" data-rule="required" class="form-control" name="row[background_button]" type="text" value="">
                <span class="input-group-btn">
                <button type="button" class="btn btn-default btn-color" id="c-background_button" style="padding:0;margin-left:1px;" >
                </button>
                </span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Background_color')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-background_color-value" data-rule="required" class="form-control" name="row[background_color]" type="text" value="">
                <span class="input-group-btn">
                <button type="button" class="btn btn-default btn-color" id="c-background_color" style="padding:0;margin-left:1px;" >
                </button>
                </span>
            </div>
        </div>
    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            
            <div class="radio">
            {foreach name="statusList" item="vo"}
            <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label> 
            {/foreach}
            </div>

        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Message')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea cols="30" rows="5" id="c-message" data-rule="required" class="form-control" name="row[message]"></textarea>
        </div>
    </div>


    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
